﻿@using Furion.Models
@model LoginViewModel

@{
    Layout = null;
}

<link rel="stylesheet" href="~/Content/Login.css" type="text/css">
<script src="@Url.Content("~/Scripts/jquery/jquery-1.11.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/Views/Login/Login.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="~/Scripts/progress.js"></script>
<link href="~/Content/progressjs.css" rel="stylesheet" />
<head>
    <title>Furion</title>
</head>

<script type="text/javascript">
    $(document).ready(function () {
        Login.init();
    });
    function getValue() {
        if ($("#Email").val() === null || $("#Email").val() === '' || $("#Password").val() === null || $("#Password").val() === '')
            console.log("Empty email and passsword");
        else {
            setTimeout(function () { progressJs().start(); }, 500);
            //setTimeout(function () { progressJs().increase(15); }, 6000);
            setTimeout(function () { progressJs().set(50); }, 1000);
            setTimeout(function () { progressJs().end(); }, 2000);
        }


    }
</script>
<div class="progressjs-container"></div>
<div class="first-container">
    <div class="pSection">
        <div class="row">
            <div class="col-md-8">
                <section id="loginForm">
                    @using (Html.BeginForm("Login", "Account", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
                    {
                        @Html.AntiForgeryToken()
                        @Html.ValidationSummary(true, "Error", new { @class = "text-danger" })
                        <div class="tagline">
                            @*@Html.Label("PERFORMANCE MEASUREMENT", new { @class = "tagline1" })
                            @Html.Label("GATEWAY", new { @class = "tagline2" })*@
                            <div class="tagline1"></div>
                            <div class="LoginControl">
                                @Html.TextBoxFor(m => m.Email, new { @class = "LoginControl", placeholder = "Email Address", autocomplete = "off" })
                                @*@Html.ValidationMessageFor(m => m.Email, "", new { @class = "text-danger" })*@
                                @Html.ValidationMessageFor(m => m.Email)
                            </div>
                            <div class="LoginControl">
                                @Html.PasswordFor(m => m.Password, new { @class = "LoginControl", placeholder = "Password", autocomplete = "off" })
                                @*@Html.ValidationMessageFor(m => m.Password, "", new { @class = "text-danger" })*@
                                @Html.ValidationMessageFor(m => m.Password)
                            </div>
                            <div style="width: 350px; margin-top: 5px;">
                                <span style="float: left; display: block;">
                                    <input id="Submit" type="submit" value="Login" onclick="getValue();"/></span>
                                <span style="float: right; display: block;"><a href="#" class="forgotpassword">Forgot your password?</a></span>
                            </div>
                        </div>
@* Enable this once you have account confirmation enabled for password reset functionality
                    <p>
                        @Html.ActionLink("Forgot your password?", "ForgotPassword")
                    </p>*@
            }
                </section>
            </div>            
        </div>
    </div>
</div>
